/**
 * NavLink 组件的 exact 属性
 *    设置是否精准匹配 pathname 部分，匹配与否主要是控制当前 NavLink 渲染出去的 a 标签是否需要添加 高亮类名
 *    
 *    当 url 的 pathname 为 /home/abcd
              1. exact false
                高亮
              
              2. exact true
                不高亮
      <NavLink to="/home" exact>go home</NavLink>
      
 * 
 * Link 组件的 to 属性
 * 
 *    1. string 写法
 * 
 *       <Link to="/about">About</Link>
 * 
 *    2. object 写法
 * 
 *       <Link
            to={{
              pathname: "/courses",
              search: "sort=name",
              hash: "#the-hash",
              state: { fromDashboard: true }
            }}
          >About</Link>
      
      3. function 写法
        
        <div>
          <Link to={location => ({ ...location, pathname: "/courses" })} ></Link>
          
          <Link to={location => `${location.pathname}?sort=name`} ></Link>
        </div>
 *      
 *
 */

import ReactDOM from "react-dom/client";

import { HashRouter as Router } from "react-router-dom";
import App from "./App.tsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  // <React.StrictMode>
  <Router>
    <App />
  </Router>
  // </React.StrictMode>
);
